<title>部门管理</title>
<!-- /section:settings.box -->
<div class="row depart_list">
	<div class="col-xs-12">
		<div class="ad_so">
			<input type="text" id="name" class="input-large" placeholder="用户名">
			<button type="button" class="btn btn-info serach">
				<i class="glyphicon glyphicon-search"></i> 搜索
			</button>
		</div>
		<div class="tabbable tabbable2">
			<ul class="nav nav-tabs padding-12 tab-color-blue background-blue">
				<li class="active"><a href="javascript:;">全部（20）</a></li>
			</ul>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<div>
					<table class="table table-striped table-bordered table-hover">
						<thead>
							<tr>
								<th>ID</th>
								<th>部门名称</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody class="data" style="display: table-row-group;">

						</tbody>
					</table>
				</div>
			</div>
		</div>
		<div class="pull-left">
			<button type="button" class="btn btn-info add" data-identity="add"
				title="新增">
				<i class="ace-icon glyphicon glyphicon-plus"></i>新增
			</button>
		</div>
		<!--分页-->
		<nav class="pull-right">
			<ul class="pagination">
				<li><a class="first" href="javascript:void(1);"
					aria-label="Previous"> 首页</a></li>
				<li><a class="prev" href="javascript:void(1);"><i
						class="ace-icon fa fa-angle-double-left"></i>上一页</a></li>
				<li><a class="next" href="javascript:void(1);">下一页<i
						class="ace-icon fa fa-angle-double-right"></i></a></li>
				<li><a class="last" href="javascript:void(1);" aria-label="Next">尾页</a>
				</li>
				<li><a class="go_page" href="javascript:void(1);">跳转到</a></li>
				<li><input type="text" style="width: 30px" class="go_num" value="1"></li>
				<li>页</li>
			</ul>
		</nav>
		<!-- TemplteHidden -->
		<table class="list-tpl hidden">
			<tr>
				<td>11</td>
				<td>龙先生</td>
				<td>
					<button type="button" class="btn btn-mini btn-info edit"
						data-identity="edit" title="编辑">
						<i class="ace-icon glyphicon glyphicon-edit"> 修改</i>
					</button>
					<button type="button" class="btn btn-mini btn-danger delete"
						data-identity="del" title="删除">
						<i class="ace-icon glyphicon glyphicon-trash"> 删除</i>
					</button>
				</td>
			</tr>
		</table>
		<!-- TemplteHidden -->
		<!-- PAGE CONTENT ENDS -->
	</div>
	<!-- /.col -->
</div>
<script type="text/javascript">
var scripts = [null, null];
$('.page-content-area').ace_ajax('loadScripts', scripts, function() {
	var $scope = $('.depart_list');
	/*分页代码*/
	function pageInit(page){
		 $('.data',$scope).empty();
		    $.getJSON(page.url,
				{
					page:page.pi
				},					
				function(ret)
				{
					if(ret.status>0)
					{
						var $data=$('.data',$scope);
						$data.hide();
						$data.empty();
						var data=ret.data;
						pageObj.set_page_count_without_action(ret.page_count);//meta['page_count']
						for(var i in data)
						{
							var v=data[i];
							var id=v['id'];
							var $item=$('.list-tpl tr',$scope).clone();
							$('td:eq(0)',$item).attr('data-identity','id-'+id).text(id);
							$('td:eq(1)',$item).text(v['depart_name']);							
							$('td:eq(2) .edit',$item).attr('data-identity','edit-'+id);
							$('td:eq(2) .delete',$item).attr('data-identity','delete-'+id);						
							$data.append($item);
						}
						$data.show();
					}
					else {
						pageObj.set_page_count_without_action(1)
						//message_box.show(ret.data,'error');
					}
				});
	}
	pageObj=new pagination({
		'url':'/sys/ajax_depart_list',
		'page_count':9,
		'show_callback':function(page){										
			pageInit(page);
		}
	});
	$('.first', $scope).click(function() {
		pageObj.first_page();
		$('.go_num', $scope).val('1');
	});
	$('.prev', $scope).click(function() {
		pageObj.prev_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$('.next', $scope).click(function() {
		pageObj.next_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	$('.last', $scope).click(function() {
		pageObj.last_page();
		$('.go_num', $scope).val(pageObj.get_page_index());
	});
	//跳转输入框
	$('.go_num', $scope).change(function() {
		var num = $(this).val();
		if (num > pageObj.get_page_count()) {
			$(this).val(pageObj.get_page_count());
		} else if (num < 1) {
			$(this).val(1);
		}
	})
	//跳转至指定页面
	$('.go_page', $scope).click(function() {
		var num = $('.go_num', $scope).val();
		pageObj.go_page(num);
		$('.go_num', $scope).val(pageObj.get_page_index());
	});	
	$scope.delegate('[data-identity="add"]','click',function() {
		var url = '/sys/depart_editor';
		gDialog.fCreate({title:'用户信息-增加',url: url,width:600}).show();
	}).delegate('[data-identity^="edit"]','click',function(){
		var id=$(this).attr('data-identity').split('-')[1];
		var url='/sys/depart_editor?id='+id;
		gDialog.fCreate({title:'用户信息-编辑',url: url,width:600}).show();
	}).delegate('[data-identity^="delete-"]','click',function(){				
		var id=$(this).attr('data-identity').split('-')[1];
		var	url='/sys/ajax_depart_delete';
		gDialog.fConfirm('删除部门','你确定执行这个操作么？',function(ret){
			if(ret){
				$.post(url,{id:id},function(ret){
					if(ret.status>0) {
						message_box.show('删除成功','success');
						pageObj.cur_page();
					} else {
						message_box.show(ret.data,'error');
					}
				},'json');
			}
		});
	})
})
</script>
